:root {
  --theme-dark-color: #353535;
  --theme-dark-font-color: rgba(238, 238, 238, 0.808);
}
body.theme-dark {
  background-color: var(--theme-dark-color);
}
body.theme-dark * {
  color: var(--theme-dark-font-color) !important;
}
body.theme-dark header nav.nav-top.nav-top:hover {
  background-color: rgba(0, 0, 0, 0.82);
  box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.3);
}
body.theme-dark header nav.nav-top.show {
  transition: 1s;
  background-color: rgba(0, 0, 0, 0.82);
  box-shadow: 0 1px 10px 1px rgba(255, 255, 255, 0.24);
}
body.theme-dark header .nav-top.top-show {
  background-color: rgba(0, 0, 0, 0.82);
  box-shadow: 0 1px 5px 1px rgba(255, 255, 255, 0.1);
}
body.theme-dark header .center-video::after {
  background-color: rgba(0, 0, 0, 0.3);
}
body.theme-dark main {
  background-color: rgba(0, 0, 0, 0.62);
}
body.theme-dark main .focus .focus-item {
  box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.2);
}
body.theme-dark main .focus .focus-item:hover {
  box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.8);
}
body.theme-dark main .focus .focus-item .focus-bg {
  filter: grayscale(50%);
}
body.theme-dark main .post .post-item {
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.2);
}
body.theme-dark main .post .post-item:hover {
  box-shadow: 0 0 15px 2px rgba(255, 255, 255, 0.54);
}
body.theme-dark main .post .post-item .picture {
  filter: grayscale(50%);
}
body.theme-dark #cd-top img {
  filter: grayscale(50%);
}
body.theme-dark #theme {
  background-color: rgba(20, 20, 20, 0.8);
}
body.theme-dark #theme .theme-box {
  background-color: rgba(34, 34, 34, 0.9);
}
body.theme-dark #theme .theme-box::after {
  background-color: rgba(34, 34, 34, 0.9);
}
body.theme-bronya {
  background-image: url(../img/bbb.jpg);
}
body.theme-bronya header {
  background-image: url(../img/bb.jpg);
}
